body, html {
    background: #F3F4F5
}

header .hunter-info {
    position: absolute;
    top: .22rem;
    padding: 0 .22rem
}

header .hunter-info .hunter-avatar {
    width: 1rem;
    height: 1rem;
    border-radius: 1rem;
    float: left
}

header .hunter-info .hunter-avatar img {
    display: block;
    width: 100%;
    height: 100%;
    border-radius: 100%
}

header .hunter-info .info {
    margin-left: 1.2rem;
    font-size: .28rem;
    color: #fff
}

header .hunter-info .info .level {
    padding-top: .05rem
}

header .hunter-info .info .current {
    margin-top: .1rem
}

.hunter-container {
    background: #F3F4F5;
    position: relative;
    margin: -.5rem .22rem;
    padding-bottom: .29rem
}

.hunter-container .hunter-box {
    z-index: 2
}

.hunter-container .hunter-box .accumulation-box {
    background: #fff;
    box-shadow: 0 .04rem .08rem 0 rgba(0, 0, 0, .1);
    border-radius: .05rem .05rem .16rem .16rem;
    padding: .22rem .4rem
}

.hunter-container .hunter-box .accumulation-box .tips {
    font-size: .28rem;
    color: #999
}

.hunter-container .hunter-box .accumulation-box .amount-box {
    padding: .33rem 0 .22rem
}

.hunter-container .hunter-box .accumulation-box .amount-box .amount {
    font-size: .32rem;
    color: #6392fe
}

.hunter-container .hunter-box .accumulation-box .amount-box .amount span {
    font-size: .48rem
}

.hunter-container .hunter-box .accumulation-box .amount-box .amount .withdraw-btn {
    float: right;
    text-align: right;
    font-size: .28rem;
    color: #666;
    padding-right: .2rem;
    position: relative
}

.hunter-container .hunter-box .accumulation-box .amount-box .amount .withdraw-btn:after {
    content: "";
    display: block;
    width: .11rem;
    height: .2rem;
    background: url(../../images/distribution/icon-right.png) 50% no-repeat;
    background-size: 100% 100%;
    position: absolute;
    right: 0;
    top: .09rem
}

.hunter-container .hunter-box .accumulation-box .performance-box {
    padding: .4rem 0;
    display: -webkit-box;
    display: -webkit-flex;
    display: flex
}

.hunter-container .hunter-box .accumulation-box .performance-box .performance-name {
    -webkit-box-flex: 1;
    -webkit-flex: 1;
    flex: 1;
    font-size: .28rem;
    color: #999;
    text-align: center;
    line-height: .34rem
}

.hunter-container .hunter-box .accumulation-box .performance-box .performance-name span {
    font-size: .42rem;
    color: #666;
    line-height: .34rem;
    padding-left: .2rem
}

.hunter-container .hunter-box .generalize {
    margin: .216rem 0 0
}

.hunter-container .hunter-box .generalize .head {
    background: #fff;
    box-shadow: 0 0 .02rem 0 rgba(0, 0, 0, .1);
    border-radius: .05rem
}

.hunter-container .hunter-box .generalize .head .name {
    display: inline-block;
    padding: .075rem .22rem;
    font-size: .32rem;
    color: #fff;
    border-radius: .05rem 0 0 .05rem;
    background: #f6a480
}

.hunter-container .hunter-box .generalize .head .description {
    display: inline-block;
    height: 100%;
    padding: .142rem .45rem .142rem 0;
    font-size: .24rem;
    color: #999;
    position: relative;
    float: right;
    margin-right: .11rem
}

.hunter-container .hunter-box .generalize .head .description:after {
    content: "";
    display: block;
    width: .33rem;
    height: .33rem;
    position: absolute;
    right: 0;
    top: .127rem;
    background: url(../../images/distribution/icon-question.png) 50% no-repeat;
    background-size: 100% 100%
}

.hunter-container .hunter-box .generalize .introduction {
    background: #fff;
    box-shadow: 0 0 .02rem 0 rgba(0, 0, 0, .1);
    border-radius: .05rem .05rem .16rem .16rem;
    padding: .25rem .2rem .25rem .22rem;
    position: relative
}

.hunter-container .hunter-box .generalize .introduction p {
    font-size: .28rem;
    color: #000;
    width: 85%;
    line-height: .4rem
}

.hunter-container .hunter-box .generalize .introduction .share-btn {
    position: absolute;
    right: .2rem;
    top: .25rem;
    width: 14%;
    height: .5rem;
    line-height: .5rem;
    background: #6392fe;
    box-shadow: 0 .02rem .04rem 0 rgba(0, 0, 0, .2);
    border-radius: 1rem;
    font-size: .32rem;
    color: #fff;
    text-align: center;
    z-index: 3
}

.hunter-container .hunter-box .generalize .introduction .share-btn:active {
    background: #014bfa
}

.hunter-container .hunter-box .generalize .introduction:before {
    content: "";
    display: block;
    height: 40%;
    width: .04rem;
    background: #f6a480;
    border-radius: .03rem;
    position: absolute;
    left: 0;
    top: 30%
}

.hunter-container .hunter-box .platform {
    margin: .191rem 0 0
}

.hunter-container .hunter-box .platform .head .name, .hunter-container .hunter-box .platform .introduction:before {
    background: #f6a480
}

.hunter-container .hunter-box .hailing {
    margin: .191rem 0 0
}

.hunter-container .hunter-box .hailing .head .name, .hunter-container .hunter-box .hailing .introduction:before {
    background: #f88484
}

.hunter-container .hunter-box .lines .head .name {
    background: #82a8fe
}

.hunter-container .hunter-box .lines .head .tips {
    font-size: .24rem;
    color: #9b9b9b
}

.hunter-container .hunter-box .lines .lines-box ul li {
    background: #fff;
    box-shadow: 0 0 .02rem 0 rgba(0, 0, 0, .1);
    border-radius: .05rem .05rem .16rem .16rem;
    padding: .22rem;
    position: relative
}

.hunter-container .hunter-box .lines .lines-box ul li .station {
    font-size: .32rem;
    color: #666;
    width: 85%
}

.hunter-container .hunter-box .lines .lines-box ul li .station span {
    padding-left: .38rem;
    display: block;
    position: relative
}

.hunter-container .hunter-box .lines .lines-box ul li .station span:before {
    content: "";
    display: block;
    width: .16rem;
    height: .16rem;
    border-radius: .16rem;
    position: absolute;
    top: .15rem;
    bottom: 0;
    left: 0
}

.hunter-container .hunter-box .lines .lines-box ul li .station .start:before {
    background: #25ce5f
}

.hunter-container .hunter-box .lines .lines-box ul li .station .lineStart:before {
    background: #999
}

.hunter-container .hunter-box .lines .lines-box ul li .station .start:after {
    content: "";
    position: absolute;
    top: .4rem;
    left: .06rem;
    bottom: -.19rem;
    z-index: 6;
    width: 0;
    height: auto;
    border: .02rem solid #ccc;
    border-radius: .5rem
}

.hunter-container .hunter-box .lines .lines-box ul li .station .end {
    margin-top: .13rem
}

.hunter-container .hunter-box .lines .lines-box ul li .station .end:before {
    background: #fe6666
}

.hunter-container .hunter-box .lines .lines-box ul li .share-btn {
    position: absolute;
    right: .2rem;
    top: .25rem;
    width: 14%;
    height: .5rem;
    line-height: .5rem;
    background: #6392fe;
    box-shadow: 0 .02rem .04rem 0 rgba(0, 0, 0, .2);
    border-radius: 1rem;
    font-size: .32rem;
    color: #fff;
    text-align: center;
    z-index: 3
}

.hunter-container .hunter-box .lines .lines-box ul li .share-btn:active {
    background: #014bfa
}

.hunter-container .hunter-box .lines .lines-box ul li .line-info {
    margin: .22rem 0 0 .38rem
}

.line-info-height{
  height:0.4rem;
}

.hunter-container .hunter-box .lines .lines-box ul li .line-info .name {
    font-size: .32rem;
    color: #000;
    display: inline-block;
    /*width: 4.3rem;*/
    white-space: nowrap;
    overflow: scroll
}

.hunter-container .hunter-box .lines .lines-box ul li .line-info .brokerage {
    float: right;
    display: inline-block;
    height: .4rem;
    line-height: .4rem;
    opacity: .8;
    background: hsla(0, 99%, 70%, .1);
    border: .02rem solid #ffb1b1;
    border-radius: 1rem;
    padding: 0 .195rem;
    font-size: .28rem;
    color: #ff6b6b
}

.hunter-container .hunter-box .lines .lines-box ul li:before {
    content: "";
    display: block;
    height: 48%;
    width: .04rem;
    background: #82a8fe;
    border-radius: .03rem;
    position: absolute;
    left: 0;
    top: 26%
}

.hunter-container .hunter-box .lines .lines-box ul li:after {
    content: "";
    display: block;
    width: 90%;
    height:0.04rem;
    background: url("../../images/distribution/border-b.png") center no-repeat;
    background-size: 100% 100%;
    /*border: 1px dashed #e8e8e8;*/
    position: absolute;
    bottom: -1px;
    left: 5%
}

.hunter-container .hunter-box .lines .lines-box ul li:last-child:after {
    display: none
}